<script setup lang="ts" name="XtxTabsPane">
import { inject } from 'vue'

// 定义组件的 props
defineProps<{
  label?: string // 标签页的显示文本
  name?: string // 标签页的唯一标识符
}>()

// 从父组件注入 activeNameValue
const activeNameValue = inject('activeNameValue')
</script>

<template>
  <!-- 渲染标签页内容，仅当 activeNameValue 等于当前标签页的 name 时显示 -->
  <div class="xtx-tabs-panel" v-show="activeNameValue === name">
    <!-- 插槽内容 -->
    <slot></slot>
  </div>
</template>
